<template>
  <div class="contianure">
    <header class="head">
      <div class="location">城市</div>
      <div class="title_bg">
        <img src="../../static/zhengWu/logo_title.png">
      </div>

    </header>
  </div>
</template>

<script>

</script>
<style>
  header{
    background:#ff0033;
    color:#fff;
    height:0.9rem;
    font-size:0.23rem;
    display:flex;
    display:-webkit-flex;
  }
 .location{
   width:20%;
   text-align: center;
   line-height: 0.9rem;
   font-size: 0.26rem;
   position:relative;
 }
  .location:after{
    content:"";
    display:inline-block;
    width:0.15rem;
    height:0.15rem;
    border-bottom: 2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    right:5%;
    top:50%;
    transform: translateY(-70%) rotate(45deg);

  }
  .title_bg{
    width:80%;
   position:relative;
  }

  .title_bg img{
    width:80%;
    position:absolute;
    left:5%;
    top:50%;
    transform: translateY(-50%);
  }
</style>
